#@layout()
#define main()
<h1>格式化SQL</h1>
<div class="table_box">
		<textarea name="sql" id="textAreaSql" style="width:80%;" rows="20">
			#(sql??)
		</textarea>
		<input type="button" id="copyBtn" onclick="format()" value="格式化-复制"></input>
</div>
<script type="text/javascript">
function format(){
	var sql = $("#textAreaSql").val();
	console.log(sql);
	$.post("#(ctx??)/mybatisFormatSqlAjax",{sql : sql},function(result){
    $("#textAreaSql").val(result);
  });
}

function copyFormatedSQL(){
    var e = document.getElementById("textAreaSql");
    e.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    console.log("copy completed");
}
jQuery(function($) {
	//页面加载完成 复制转换后的程序
    $("#copyBtn").click(function(){
	  copyFormatedSQL();
	});
});
</script>
#end